<template>
	<div>
		<el-container>
			<el-main>
				<el-row  >
					<el-form >
						<el-row>
							
							<el-col :span="4" style="text-align: right; ">
								<el-form-item>
									开始时间:
								</el-form-item>
							</el-col>
							<el-col :span="5" style="text-align: left;">
								<el-date-picker type="date" placeholder="选择日期" v-model="formInline.birthDate" style="width: 100%;"></el-date-picker>
							</el-col>
							<el-col :span="4" style="text-align: right; ">
								<el-form-item>
									<a class="RedStar">*</a> 结束时间:
								</el-form-item>
							</el-col>
							<el-col :span="5" style="text-align: left;">
								<el-date-picker type="date" placeholder="选择日期" v-model="formInline.lookDate" style="width: 100%;"></el-date-picker>
							</el-col>
							<el-col :span="5" style="text-align:center;">
								<el-button>添加规则</el-button>
							</el-col>
							
						</el-row>
						
					
						<br />
						
						<el-row>
							<el-table :data="returnReg" 
									style="width: 100%;" highlight-current-row="true">
								
								
											
							
								<el-table-column prop="data" label="日期">
								</el-table-column>
								<el-table-column prop="department" label="科室">
								</el-table-column>
								<el-table-column prop="docter" label="医生">
								</el-table-column>
								<el-table-column prop="afternoon" label="午别">
								</el-table-column>
								<el-table-column prop="level" label="挂号级别">
								</el-table-column>
								<el-table-column prop="quota" label="挂号限额">
								</el-table-column>
								
								
							</el-table>
						</el-row>
					</el-form>
				</el-row>
			</el-main>
		</el-container>
	</div>
</template>

<script>
	export default {
		mounted:function(){
			this.$axios.get('http://localhost:8080/Scheduling.json').then((result) => {
				this.returnReg = result.data; //写法固定
			}).catch((err) => {
				console.log(err);
			})
		},
		data() {
			return {
				
				formInline: {
					user: '',
					region: '',
					
				},
				returnReg:[]
			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	
	
</style>
